import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
// https://vite.dev/config/
export default defineConfig({
    plugins: [vue()],
    // 基础路径，部署到子目录时使用，例如 '/my-app/'
    base: '/',
    // 开发服务器配置
    server: {
        port: 3030, // 开发服务器端口
        open: true, // 启动时自动打开浏览器
        proxy: {
            // 代理配置
            '/api': {
                target: 'http://localhost:8080',
                changeOrigin: true,
                rewrite: path => path.replace(/^\/api/, ''),
            },
        },
    },
    // 解析配置
    resolve: {
        // 路径别名配置
        alias: {
            '@': path.resolve(__dirname, 'src'), // 设置 @ 指向 src 目录
            '@components': path.resolve(__dirname, 'src/components'), // 添加常用目录别名
            '@utils': path.resolve(__dirname, 'src/utils'),
            '@assets': path.resolve(__dirname, 'src/assets'),
            '@store': path.resolve(__dirname, 'src/store'),
            '@styles': path.resolve(__dirname, 'src/styles'),
            '@views': path.resolve(__dirname, 'src/views'),
        },
        // 导入时可省略的扩展名
        extensions: ['.js', '.ts', '.vue', '.json', '.scss', '.css'],
    },
});
